<template>
  <el-col :span="1">
    <div class="grid-content-end">
    <el-menu mode="horizontal" text-color="#fff"  :default-active="activeIndex2" class="el-menu-demo">
      <el-menu-item index="1" style=" font-size: 20px;"><router-link :to="{path:'/login'}" target="_blank" replace>登录</router-link></el-menu-item>
      <el-menu-item index="2" style=" font-size: 20px;"><router-link :to="{path:'/register'}" target="_blank">注册</router-link></el-menu-item>
    </el-menu>
  </div>
  </el-col>
</template>

<script>
export default {
  name: "Tabbar_login",
  data() {
    return {
      activeIndex: '1',
      activeIndex2: '1'
    };
  },

  methods: {
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
    gotolink(){
      this.$router.push()
    }
  }
}
</script>

<style scoped>


.el-menu-demo{
  position: center;
  background-color: #297fd0;
}
.grid-content-end{
  position: fixed;
  right: 0;
}
</style>
